var tipo_compra = "ilimitado";
$(function(){
	
	$('.head_slogan.slides').slides({
		preload: true,
		preloadImage: base_url+'application/images/loader.gif',
		play: 2000,
		pause: 1000,
		hoverPause: false,
		generatePagination:false
	});

	//Paso 1
	$("#btn_acilimitado, #btn_armapaquete").on("click", function(){
		$("#btn_acilimitado, #btn_armapaquete").removeClass("sel_btn");
		var tipo = $(this).addClass("sel_btn").attr("id");
		//reset config
		$(".btn_pag").text("Comprar").removeClass("echo");
		$(".ilim_pagos .items").removeClass("sel");
		$(".ilim_pagos").hide();
		$(".pagos_infoextra").css("display", "none");
		if (tipo == 'btn_acilimitado'){
			$(".paqt_productos").hide();
			$(".ilim_productos").show();
			$(".ilim_productos .items").removeClass("sel");
			$(".ilim_total .total_pag span").text("$0");
			$("#fcostopaq").val('0');
			tipo_compra = "ilimitado";
			$("#ftipo").val("todo");
			$("#ffecha_vencimiento").val("0");
		}else{
			$(".ilim_productos").hide();
			$(".paqt_productos").show();

			$(".pat_lista_prod ul").html("");
			$(".pat_total_pagar").text("$0");
			$("#fcostopaq").val('0');
			$(".chk_").removeAttr("checked").parent("li").removeClass("sel");
			$(".chk_all").removeAttr("checked");

			$('#itm_conte1').tinyscrollbar();
			$('#itm_conte2').tinyscrollbar();
			$('#itm_conte3').tinyscrollbar();
			tipo_compra = "paquete";
			$("#ftipo").val("segmento");
			$("#ffecha_vencimiento").val("365");
		}
	});
	//Paso 2 - ilimitado
	$(".ilim_productos .items").on("click", function(){
		$(".ilim_productos .items").removeClass("sel");
		var precio = parseFloat($(this).addClass("sel").attr("data-precio"));
		$(".ilim_total .total_pag span").text("$"+precio);
		$("#fcostopaq").val(precio);
		$(".btn_pag").text("Comprar").removeClass("echo");
		$(".ilim_pagos").show();
		$("#ffecha_vencimiento").val((parseFloat($(".ilim_productos .items.sel .tiem span").text())*30));
	});
	//Paso 3 - forma de pago
	$(".ilim_pagos .items").on("click", function(){
		if (tipo_compra == 'ilimitado'){ //ilimitado
			if ($(".ilim_productos .items.sel").length == 1){
				$(".ilim_pagos .items").removeClass("sel");
				var id_show = $(this).addClass("sel").attr("data-show");
				$(".btn_pag").text("Comprar").removeClass("echo");
				$("#fforma_pago").val($(".tiem", this).text());

				$(".pagos_infoextra").css("display", "none");
				$("#"+id_show).show();
			}else
				alert("Selecciona tu plan.");
		}else{ //Paquetes
			var tot = parseFloat($(".pat_total_pagar").text().replace("$", ""));
			if (tot > 0){
				$(".ilim_pagos .items").removeClass("sel");
				var id_show = $(this).addClass("sel").attr("data-show");
				$(".btn_pag").text("Comprar").removeClass("echo");
				$("#fforma_pago").val($(".tiem", this).text());

				$(".pagos_infoextra").css("display", "none");
				$("#"+id_show).show();
			}else
				alert("Selecciona tus articulos.");
		}
	});
	//Paso 4 - pagar
	$(".btn_pag").on("click", function(){
		if ($(".ilim_pagos .items.sel").length == 1){
			$(this).text("Hecho").addClass("echo");
			$("#frm_paquete").submit();
		}else
			alert("Elige la forma de pago.");
	});

	//Paso 2 - checkboxs - arma paquetes
	$(".chk_all").on("click", function(){
		var vthis = $(this);
		if(vthis.is(":checked")){
			$(".itm_conte input[type=checkbox]", vthis.parents("."+vthis.attr("data-parent"))).each(function(){
				var arti = $(this);
				arti.attr("checked", "checked");
				agregarArticuloLista(arti);
			});
		}else{
			$(".itm_conte input[type=checkbox]", vthis.parents("."+vthis.attr("data-parent"))).each(function(){
				var arti = $(this);
				arti.removeAttr("checked");
				quitarArticuloLista(arti);
			});
		}
	});
	$(document).on("click", ".chk_", function(){
		var vthis = $(this);
		if(vthis.is(":checked")){
			agregarArticuloLista(vthis);
		}else{
			quitarArticuloLista(vthis);
		}
	});
	$(document).on("click", '.clox', function(){
		var prod = $(this).parent("li");
		$("#chka"+prod.attr("id").replace("atr", "")).removeAttr("checked").parent("li").removeClass("sel");
		prod.remove();
		$(".pat_poduc_select .pat_prod").tinyscrollbar();
		calculaTotalLista();
	});


	//buscar articulos
	$(".buscar_art").on("keydown", function(ev){
		if (ev.which == 13){
			buscarArticulos($(this));
			event.preventDefault();
		}
	});
	$(".btn_buscar_art").on("click", function(){
		buscarArticulos($("."+$(this).attr("data-input")));
	});

});

function agregarArticuloLista(arti){
	if ($('#atr'+arti.val()).length == 0){
		arti.parent("li").addClass("sel");
		var precio = $(".arti_precio", arti.parents(".items")).text().replace("$", "");
		$(".pat_poduc_select .pat_prod ul")
			.append('<li id="atr'+arti.val()+'"><span class="clox"></span> '+arti.attr("data-titulo")+' <span class="paqlis_precio">$'+precio+'</span>'+
							'<input type="hidden" name="articulos[]" value="'+arti.val()+'"></li>');
		$(".pat_poduc_select .pat_prod").tinyscrollbar();
		calculaTotalLista();
	}else
		alert("El artículo ya esta en la lista.");
}
function quitarArticuloLista(arti){
	arti.parent("li").removeClass("sel");
	$("#atr"+arti.val()).remove();
	$(".pat_poduc_select .pat_prod").tinyscrollbar();
	calculaTotalLista();
}

function calculaTotalLista(){
	var total = 0;
	$(".paqlis_precio").each(function(){
		var precio = parseFloat($(this).text().replace("$", ""));
		total += precio;
	});
	$(".pat_total_pagar").text("$"+total);
	$("#fcostopaq").val(total);
	if (total > 0){
		$(".btn_pag").text("Comprar").removeClass("echo");
		$(".ilim_pagos").show();
	}
}


function buscarArticulos(obj){
	var params = {tipo: obj.attr("data-tipo"), q: obj.val()};
	$.getJSON(base_url+"paquete/getArticsBuscar", params, 
		function(data){
			var html = "";
			for (var i = 0; i < data.length; i++) {
				html += '<li>'
								+'	<input type="checkbox" value="'+data[i].id_articulo+'" class="chk_" data-titulo="#'+data[i].numero+' '+data[i].titulo+'">'
								+'	<div class="titl_">#'+data[i].numero+' '+data[i].titulo+'</div>'
								'</li>';
			};
			$("#lispaq_"+params.tipo).html(html);
	});
}